<!--
 * @Author: your name
 * @Date: 2021-01-28 18:34:19
 * @LastEditTime: 2021-04-13 15:58:08
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \admin-element-djd:\downLoad\chrome-qrcode\popup.html
-->
<html>
    <head>
        <meta charset="utf-8"></meta>
        <style>
            * {
                padding: 0;
                margin: 0;
            }
            
            body {
                padding: 20px 20px;
                width: 180px;
                /* height: 240px; */
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }
            h2 {
                color: rgb(51, 103, 214);
                margin-bottom: 20px;
            }
            div {
                text-align: center;
            }
            #code {
                margin-top: 20px;
            }
            #title {
                width: 120px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
            }
            #btn {
                padding: 4px 8px;
                border: 1px solid #ccc;
                border-radius: 2px;
                cursor: pointer;
            }
            #copy-text {
                opacity: 0;
                position: absolute;
                top: 0;
                right: 0;
            }
        </style>
    </head>
    
    <body>
        <!-- <div><h2>用手机扫一下</h2></div> -->
        <div>
            <h2 id="title"></h2>
            <input type="text" id="copy-text">
            <span id="btn">复制</span>
        </div>
        <div id="code"></div>
        <script type="text/javascript" src="Qrcode.js"></script>
        <script src="./main.js"></script>
    </body>
</html>